<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>register.html</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
     <link href="../css/bootstrap.css" rel="stylesheet">
  <link rel="stylesheet" href="../css/font-awesome.css"> 
  <link rel="stylesheet" href="../css/flexslider.css">
  <link rel="stylesheet" href="../css/prettyPhoto.css">
  <link href="../css/style.css" rel="stylesheet">
  <link href="../css/bootstrap-responsive.css" rel="stylesheet">
  
  <!-- HTML5 Support for IE -->
  <!--[if lt IE 9]>
  <script src="js/html5shim.js"></script>
  <![endif]-->

  <!-- Favicon -->
  <link rel="shortcut icon" href="img/favicon/favicon.png">

    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
        
        <script src="js/jquery.js"></script>
<script src="../js/bootstrap.js"></script> <!-- Bootstrap -->
<script src="../js/filter.js"></script> <!-- Filter JS -->
<script src="../js/jquery.carouFredSel-6.1.0-packed.js"></script> <!-- CarouFredSel -->
<script src="../js/jquery.flexslider-min.js"></script> <!-- Flexslider -->
<script src="../js/jquery.isotope.js"></script> <!-- Isotope -->
<script src="../js/jquery.prettyPhoto.js"></script> <!-- prettyPhoto -->
<script src="../js/jquery.tweet.js"></script> <!-- Tweet -->
<script src="../js/custom.js"></script> <!-- Main js file -->

  </head>
  
  <body>
   <div class="navbar navbar-fixed-top">
    <div class="navbar-inner">
      <div class="container-fluid">
        <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </a>
      </div>
    </div>
  </div>

<!-- Navbar ends -->


<!-- Sliding box starts -->
   <div class="slide-box">
      <div class="bor"></div>
      <div class="padd">

        <div class="social">
          <a href="#"><i class="icon-facebook facebook"></i></a>
          <a href="#"><i class="icon-twitter twitter"></i></a>
          <a href="#"><i class="icon-linkedin linkedin"></i></a>
          <a href="#"><i class="icon-google-plus google-plus"></i></a>
          <a href="#"><i class="icon-pinterest pinterest"></i></a>
        </div>
      
      </div>
    </div>

<!-- Sliding box ends -->    

<!-- Main content starts -->

<div class="content">

  <div class="container-fluid">
    <div class="row-fluid">

      <div class="span12">  

                   <div class="well login-register">
                   
                   <h5>注册</h5>
                   <hr />

                    <div class="form">
                                      <!-- Register form (not working)-->
                                      <form class="form-horizontal">
                                          <!-- Name -->
                                          <div class="control-group">
                                            <label class="control-label" for="username">用户名</label>
                                            <div class="controls">
                                              <input type="text" class="input-large" id="username">
                                            </div>
                                          </div>   
                                          <!-- password -->
                                          <div class="control-group">
                                            <label class="control-label" for="password">密码</label>
                                            <div class="controls">
                                              <input type="password" class="input-large" id="password">
                                            </div>
                                          </div>                                 
                                          <!-- confirmpassword -->
                                          <div class="control-group">
                                            <label class="control-label" for="confirmpassword">确认密码</label>
                                            <div class="controls">
                                              <input type="password" class="input-large" id="confirmpassword">
                                            </div>
                                          </div>
                                          <!-- employeeid -->
                                          <div class="control-group">
                                            <label class="control-label" for="employeeid">员工编号</label>
                                            <div class="controls">
                                              <input type="text" class="input-large" id="employeeid">
                                            </div>
                                          </div>
                                           <!-- Select box -->
                                          <div class="control-group">
                                            <label class="control-label" for="select">用户角色</label>
                                            <div class="controls">                               
                                                <select>
                                                <option>&nbsp;</option>
                                                <option>系统管理员</option>
                                                <option>普通员工</option>
                                                <option>财务专员</option>
                                                <option>人力专员</option>
                                                <option>招聘专员</option>
                                                <option>组织结构专员</option>
                                                </select>  
                                            </div>
                                          </div>      
                                          
                                          <!-- Buttons -->
                                          <div class="form-actions">
                                             <!-- Buttons -->
                                            <button type="submit" class="btn">注册</button>
                                            <button type="reset" class="btn">重置</button>
                                          </div>
                                      </form>
                                             是否已有帐户? <a href="login.html">登录</a>
                                    </div> 
                                  </div>

                   </div>

      </div>

    </div>
  </div>



<div class="clearfix">
 <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  
</div>

<!-- Main content ends -->
	
<!-- Footer -->
<footer>
            <div class="bor"></div>
            
      
</footer>
		
<!-- Scroll to top -->
<span class="totop"><a href="#"><i class="icon-chevron-up"></i></a></span> 



  </body>
</html>
